@import "../_mixin";
 
.logo{
	height:2.0rem;
	background:#2b302c url(../../images/public/logo.png) center center no-repeat;
	background-size:32%;
}

.banner{
	margin-top: 2.0rem;
	text-align:center;
	background:#fff;
	img{
		width:10rem;
	}
}


.hl{
	display: -webkit-box;
	background:#fff;
	height:2.8rem;
	margin-top:-0.05rem;
	margin-bottom:0.35rem;
	width:100%;
	li{
		-webkit-box-flex: 1;
		width:100%;
		@include fz(14px);

		i{
			width:100%;
			display:block;
			height:1.5rem;
			margin:0.3rem auto 0.125rem auto;
			text-align:center;
			img{
				height:100%;
			}
		}

		span{
			display:block;
			text-align:center;
		}



	}
}

.productlist{

	li{
		background:#fff;
		margin:auto 0.2rem 0.2rem 0.2rem;
		padding:0.15rem;
		position:relative;
		box-shadow: 0.05rem 0.05rem 0.05rem 0.0rem rgba(0, 0, 0, 0.1);
		margin-bottom:0.5rem;

		h2{
			position: absolute;
			top: -0.125rem;
			right: 0.15rem;
			box-sizing: border-box;
			padding: .12rem .15rem .12rem .15rem;
			color: #fff;
			background-color: #3cc278;
			@include fz(14px);
			&.end{
				background:$mainColor;
			}
		}




		.info{
			display: -webkit-box;
			@include fz(14px);
			margin-bottom:0.3rem;
			padding-bottom:0.4rem;
			border-bottom:0.05rem dashed #e0e0e0; 
			color:$preColor;
			&:last-child{
				border:none;
				padding:0;
				margin:0;
			}
		}
		.item{
			-webkit-box-flex: 1;
			width:100%;

			h3{

				@include fz(18px);
				margin-bottom:0.25rem;
				color:#4d4d4d;
			}
			span{
				display:block;
				b{
					color:$mainColor;
					@include fz(18px);
				}
				&.tag{
					color:#3cc278;
					border:0.025rem solid #3cc278;
					


					@include fz(12px);
					padding: .1rem .15rem .1rem .15rem;
					margin:auto;
					margin-top:0.8rem;
					display: inline-block;
				}
			}
			.v-circle{
				margin:auto;
			}
		}
		.big{
			margin-left:1.4rem;
			width:112%;
			@include fz(13px);
		}

		.small{
			width:80%;
		}

		.cover{
			width:1.75rem;
			height:1.75rem;
			overflow:hidden;

			position:absolute;
			left: -0.2rem;
			top: -0.2rem;
			text-align:center;
			border-radius:50%;
			border:0.1rem solid #efefef;
			img{
				height:100%;
				text-align:center;
			}
		}
	}
}

.learnmore{

	background:#fff;
	margin:auto 0.2rem 0.2rem 0.2rem;
	padding:0.25rem;
	position:relative;
	box-shadow: 0.05rem 0.05rem 0.05rem 0.0rem rgba(0, 0, 0, 0.1);
	margin-bottom:0.35rem;
	text-align:center;
	@include fz(14px);
	color: #999999;
}


.sc_box{
	background:#fff;
	padding:0.0rem 0.25rem;
	margin-bottom:0.25rem;
	padding-bottom:0.2rem;

	.title{
		border-bottom:0.03rem solid #e0e0e0;
		color:#999;
		@include fz(16px);
		vertical-align: middle;
		padding:0.125rem 0.0rem;
		margin-bottom:0.25rem;
		span{
			vertical-align: middle;
		}

		i{
			vertical-align: middle;
			@include fz(22px);
			margin-right:0.1rem;
			color:$primaryColor;
		}
		.more{
			vertical-align: middle;
			float:right;
			@include fz(14px);
			margin-top:0.05rem;
			color:$primaryColor;
		}
	}
}


.imglist{
	li{
		display: -webkit-box;
		vertical-align:middle;
		color:$preColor;
		margin-bottom:0.125rem;
		padding-bottom:0.125rem;
		border-bottom:0.03rem solid #e0e0e0;
		&:last-child{
			border:none;
			padding:0;
			margin:0;
		}
		.img{
			-webkit-box-flex: 1;
			width:25%;
			img{
				width:100%;
			}
		}

		.info{
			-webkit-box-flex: 1;
			width:75%;
			padding-left:0.25rem;
		}
		i{
			@include fz(25px);
			vertical-align:middle;
		}
		.stitle{
			@include fz(15px);
			padding-bottom:0.25rem;
			color:#4d4d4d;
		}
	}
}
.newslist{
	li{
		@include fz(15px);
		padding:0.2rem 0.0rem;
		color:#4d4d4d;
		.fl{
			color:$preColor;
		}
	}
}

.menu{
	display: -webkit-box;
	background:#FFF;

	position:fixed;
	bottom:0;
	width:100%;
	box-shadow: 0px -0.05rem 0.1rem 0.0rem rgba(0, 0, 0, 0.1);
	z-index: 99;
	li{
		-webkit-box-flex: 1;
		width:100%;
		text-align:center;
		color:$preColor;
		padding:0.125rem 0.0rem;
		i{
 
			@include fz(25px);
			color:$preColor;
			display:block;

		}
		&.on{
			color:$primaryColor;
			i{
				color:$primaryColor;
			}
		}
	}
}


.fixed{
	position:fixed;
	top:0;
	width:100%;
	z-index: 99;
}

.sp_top{
	margin-top:2rem;
}

.mini_top{
	margin-top:1.58rem;
}
.detail_top{
	margin-top: 1.125rem!important;
}

.top{
	//margin-top:3.6rem;
	margin-top:1.6rem;
}
.bottom{
	margin-bottom:1.8rem;
}


.tcenter{
	text-align:center;
}
.fl{
	float:right;
}




//loan.vue
.cbox{
	display: -webkit-box;
	li{
		list-style:none;
		-webkit-box-flex: 1;
	}
	dd{
		-webkit-box-flex: 1;
	}
	.cl{
		-webkit-box-flex: 1;	
		display:block;
		width:100%;
	}
	.clx{
		-webkit-box-flex: 1;	
	}
}

.search{
	position:fixed;
	top:0rem;
	background:#fff;
	width:100%;
	height:1.25rem;
	z-index:88;
    box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);

	.input{
		width:85%;
	}
	.kw{
		width:100%;
		margin:0.1rem 0.0rem;
		margin-left:0.25rem;
		padding:0.2rem 0.2rem;
		border:0.05rem solid #e0e0e0;
		border-radius:0.1rem;
		@include fz(14px);
	}
	.btn{

		width:15%;
		vertical-align:middle;
		i{
			@include fz(30px);
			color:$primaryColor;
			vertical-align:middle;
			display:block;
			text-align:center;
			height:100%;
			margin-top:0.125rem;
		}
	}
}

.ptype{
	border:0.03rem solid $primaryColor;
	border-radius:0.1rem;
	margin:0.125rem 0.25rem;
	vertical-align:middle;
	background:$primaryColor;
	dd{
		line-height:0.95rem;
		height:0.85rem;
		text-align:center;
		@include fz(14px);
		color:#fff;
		&.on{
			background:#fff;
			color:$primaryColor;
			border-radius:0.1rem;
		}
	}
}

.loading{
	text-align:center;
	@include fz(15px);
}

.return-bar{
	height:1.125rem;
	line-height:1.125rem;
	background:#2b302c;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
	text-align:center;
	color:#fff;
	@include fz(17px);

	i{
		position:absolute;
		left:0rem;
		color:#fff;
		width:1.25rem;
		@include fz(22px);
	}
	.limitedname{
		width:78%;
		margin:auto;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
}


//用户中心
.user-center{
	header{
		height:6rem;
		padding-top:0.25rem;
		background:$primaryColor;
		position:relative;
		.top-content{
			position:absolute;
			bottom:0;
			width:100%;
		}
		.setting{
			position:absolute;
			right:0.2rem;
			color:#fff;
			@include fz(30px);
			top:0.1rem;
			padding:0.125rem;
			z-index:99;
		}
		.value{
			
			b{
				display:block;
				text-align:center;
				color:#fff;
				@include fz(16px);
				font-weight:normal;
				margin-bottom:0.1rem;
			}
			strong{
				@include fz(28px)
				display:block;
				color:#fff;
				text-align:center;
				font-weight:bold;
				margin-bottom:0.1rem;
			}
			em{
				@include fz(14px)
				display:block;
				color:#01643b;
				text-align:center;
				margin-bottom:0.2rem;
			}
		}
		.nav{

			background: rgba(0, 0, 0, 0.1);
			li{
				text-align:center;
				color:#fff;
				padding:0.125rem 0.0rem;
				position:relative;
				&:first-child:after{
					height:0.6rem;
					background:#fff;
					width:0.025rem;
					right:-0.05rem;
					top:50%;
					margin-top:-0.3rem;
					content:' ';
					position:absolute;
				}
				@include fz(17px);
				b{
					display:block;
					font-weight:normal;
				}
				span{
					color:#01643b;
					@include fz(13px);
				}

			}
		}
	}


	.protrait{
		width:1.6rem;
		margin:auto;
		margin-bottom:0.05rem;
		position:relative;
		img{
			&.cover{
				border-radius:50%;
				width:100%;
				border:0.05rem solid #fff;
	    		box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
			}
		}
		.survey{
			position:absolute;
			bottom:0.0rem;
			right:0.0rem;
			width:0.6rem;
			height:0.6rem;
			background:url(../../images/user/survey-not.png) center center no-repeat;
			background-size:cover;
		}
		.done{
			background:url(../../images/user/survey-done.png) center center no-repeat;
			background-size:cover;
		}

	}

	.btnlist {
		background:#fff;
		padding:0.25rem 0.0rem;
		a{
		    display: inline-block;
		    margin-top: .266667rem;
 
		    padding: .25rem 0;
		    text-align: center;
		    @include fz(16px)
		    width: 46%;
		    margin: auto 2%;
		}


	}

	.moneylist{
		background:#fff;
		margin-bottom:0.25rem;
		li{
			float: left;
			padding: .4rem 0 .4rem .453333rem;
			width: 50%;
			border-top: 0.03rem solid #ddd;
			position:relative;

			&:nth-child(odd):after{
				height:0.8rem;
				background:#ddd;
				width:0.025rem;
				right:-0.05rem;
				top:50%;
				margin-top:-0.4rem;
				content:' ';
				position:absolute;
			}

			span{
				margin-left: .506667rem;
				color: #5a5a5a;
				font-weight:bold;
				@include fz(16px);

			}
			strong{
				display: block;
				margin-bottom: .213333rem;
				color: #999;
				@include fz(13px);
				&:before{
					display: inline-block;
					margin-right: .266667rem;
					width: .213333rem;
					height: .213333rem;
					border-radius: 50%;
					content: " ";
				}
			}


			&:nth-child(1) strong:before{
				background-color: #ff6666;
			}
			&:nth-child(2) strong:before{
				background-color: #ffca3c;
			}
			&:nth-child(3) strong:before{
				background-color: #a1dd53;
			}
			&:nth-child(4) strong:before{
				background-color: #3aebe9;
			}				
			&:nth-child(5) strong:before{
				background-color: #5da2ff;
			}
			&:nth-child(6) strong:before{
				background-color: #be71ff;
			}

		}
	}

	.noball{
		li{
			span{
				margin-bottom: .213333rem;
				display: inline-block;
				margin-left:0rem!important;
			}
			strong{
				&:before{
					content: ""!important;
					background:none;
					display:none;
					height:0rem;
					width:0rem;
				}
				b{
					color:#4d4d4d!important;
				}
			}
		}
	}


	.s-menu{

		li{
			padding:0.35rem 0.4rem;
			background:#fff;
			margin-bottom:0.25rem;
			position:relative;
			@include fz(16px);
			color:#4d4d4d;
			line-height:0.5rem;
			transition:0.1s;
			&:active{
				background: #f9f9f9;
			}

			i{

				&.se{
					position:absolute;
					right:0.125rem;
					top:50%;
					margin-top:-0.25rem;
					color:#999;
					@include fz(22px);
				}
				&.ft{
					color:$primaryColor;
					vertical-align:middle;
					margin-right:0.125rem;
					@include fz(18px);
				}
			}
		}
	}

}





.adst{
	background: rgba(0, 0, 0, 0.3);
	line-height:0.875rem;
	height:0.875rem;
	color:#fff;
	padding:0.0rem 0.25rem;
	@include fz(15px);
	i{
		color: #fff;
		@include fz(20px);
		position:absolute;
		right:0.0rem;
	    width: 1.2rem;
	    text-align: center;
	}
}


.p_btn{
	background:$primaryColor;
	border-radius:0.1rem;
	color:#fff;
}

.m_btn{
	background:$mainColor!important;
	border-radius:0.1rem;
	color:#fff;
}
.g_btn{
	background:$preColor;
	border-radius:0.1rem;
	color:#fff;
}

.b_btn{
	background:$blueColor;
	border-radius:0.1rem;
	color:#fff;
}

.nobg{
	padding:0.0rem!important;
	background:none!important;
}

.nopos{
	position:relative!important;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
}
.mb10{
	margin-bottom:0.25rem;
}
.pb10{
	padding-bottom:0.25rem;
}

.fr{
	float:right;
}




.top_right_btn{
	position:absolute;
	right:0rem;
	@include fz(15px);
	height: 1.125rem;
	width:1.5rem;
	i{
		position:relative;
		vertical-align:middle;
	}

	.hibox{
		z-index:100;
		top:1rem;
		right:0.2rem;
		padding:0.125rem 0.3rem;
		display:block;
		position:absolute;
		background:#fff;
		border-radius:0.125rem;
		box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
		li{
			white-space:nowrap;
			color:#4d4d4d;
			@include fz(14px);
			border-bottom:0.02rem solid #4d4d4d;
			height:auto;
			line-height:0.8rem!important;
			&:last-child{
				border:none;
				padding:0.1rem;
			}
		}
		&:after{
			top:-0.125rem;
			right:10%;
		    content: ' ';
		    position: absolute;
		    z-index: 9;
		    transform: rotate(135deg);
		    border-width: 0.25rem;
		    border-color: transparent transparent #ffffff #ffffff;
		    border-style: solid;
		    border-top-left-radius: 0.1rem;

		}
	}
}

.red{
	color:$mainColor!important;
}

.blue{
	color:$blueColor!important;
}
.nowide{
	width:80%!important;
	display:block;
	margin:auto!important;
}



.survey_show{
	.weui_dialog{
		background:none;
	}

	i{
		margin-top:0.5rem;
		display:block;
		color:#fff;
		@include fz(30px);
	}
}